﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>FlowMedia</title>
    <style type="text/css">
        <!--
        .menu 
        {
            width: 20%;
            background-color: green;
            float:left;            
        }
        .menu h2 
        {
            font-family: Arial;
        }
        
        .content 
        {
            background-color: yellow;
            width: 80%;
            float: right;
        }
        .inner { margin: 5px 15px; }
        ul 
        {
            margin: 0px;
            padding: 0px;
        }
        li 
        {
            list-style-type: none;
            padding: 10px;
            margin-bottom: 3px;
        }
        li.even 
        {
            background-color: orange;
        }
        li.odd 
        {
            background-color: red;
        }
        .menu li.even 
        {
            background-color: lightgreen;
        }
        .menu li.odd 
        {
            background-color: darkgreen;
        }
        -->
    </style>
</head>
<body>
    <div class="content">
        <div class="inner">
            <h2>
                Testing</h2>
            {List}
            <!--<ul>
                <li class="odd"><a href="#">listitem 1</a></li>
                <li class="even"><a href="#">listitem 2</a></li>
            </ul>-->
        </div>
    </div>
    <div class="menu">
        <div class="inner">
            <h2>
                FlowMedia</h2>
            {Menu}
            <!--
            <ul>
                <li class="odd">
                    <a href="#">pling</a></li>
                <li class="even">
                    <a href="#">plong</a></li>
            </ul>
            -->
        </div>
    </div>
</body>
</html>
